<!DOCTYPE html>
<html>
<head>
	<title>字体均匀分布</title>
	<style type="text/css">
		.block{
			width:120px;
			margin-top:20px;
			border:.1px solid #ededed;
			text-align: justify;
			text-align-last: justify;
		}
		.line_gradiant{
			color:#d12;
			text-decoration: none;
			 -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
		}
		.clip_text{
			background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(234, 101, 10)), to(rgb(246, 199, 156)));
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}
	</style>
</head>
<body>
<div class="block">住房书简</div>
<div class="block line_gradiant">祝福中人数</div>
<div class="block clip_text">上云戈</div>
<div class="block">hello world</div>
<div class="block">hello  2019</div>
<div class="block">hello world all</div>
<pre>
	CODE CORE
	.block{
		text-align: justify;
		text-align-last: justify;
	}
</pre>

</body>
</html>